<!--
 * @Author: sjt
 * @Date: 2024-05-13 18:05:19
 * @LastEditors: sjt
 * @LastEditTime: 2024-10-09 10:17:15
 * @Description: file content
-->
<template>
  <div class="item-title">
    <span class="text">{{ name }}</span>
  </div>
</template>

<script setup>
const props = defineProps(['name'])
</script>

<style lang="scss" scoped>
.item-title {
  height: 42px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  font-size: 1vh;
  color: #ffffff;
  background: url('@/assets/images/page1/item-title-bg.png') no-repeat;
  background-size: 100% auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;

  .text {
    text-shadow: 0 0 24px rgba(2, 139, 255, 0.56),
      0 0 24px rgba(2, 139, 255, 0.56);
  }
}
</style>
